<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title>页面一</title>

    <!-- 方式一，导入外部文件，推荐-->
    <link rel="stylesheet" href="common.css" />

    <!-- 方式二：自定义,复用简单。头部定义只能在本页定义。.logo用class引用；也可以 写成#logo，则表示凡是id="logo"的标签使用此样式。-->
    <style>
        .logo{
            background-color:red;
        }
        #logo1{
            background-color:red;font-size:18px;
        }

        div{
        <!--表示div标签都应用此样式-->
        }
        a{
        <!--表示a标签都应用此样式-->
        }
        a,div{
        <!--表示a标签和div标签都应用此样式-->
        }

        a div{
        <!--表示a标签下的div标签都应用此样式（a标签嵌套的div标签）-->
        }
        .logo a{
        <!--不带.或#的可以被带.或#引用-->
        }
        #logo1 a,div{
        <!--不带.或#的可以被带.或#引用-->
        }

        input[type="text"]{
        <!--对某种类型应用此标签，对所有type="text"的类型应用此标签-->
        }

    </style>
</head>
<body>
    <!-- 方式三：直接定义-->
    <div style="background-color:red;font-size:18px;border:1px">123</div>
    <div style="background-color:red;">123</div>

    <div class="logo">123</div>
    <div class="logo">123</div>

    <div id="logo1">123</div>

</body>
</html>